*{
  margin:0px;
  padding: 0px;
  font-family: "微软雅黑";
}

.top-bar{
	width:100%;
	height:30px;
	margin-top:0px;
	background: #333333;
}

.top-bar1{
	width:1300px;
	height:30px;
	margin: 0 auto;
	position: relative;
}

.top-bar1{
	width:1300px;
	height:30px;
	margin: 0 auto;
	position: relative;
}

.top-bar-left{
	width:190px;
	height:15px;
	line-height: 30px;
	position: absolute;
	left:20px;
}

.APP{
	text-decoration: none;
	color:#08D7A2;
	font-size: 14px;
}

.APP:hover{
	color:#0AE0AD;
}

.firm:hover{
	color:white;
}

.firm{
	color:#C4C3C3;
	text-decoration: none;
	font-size: 14px;
}

.sep{
	color:#5D5D5D;
}

.top-bar-img{
	position: absolute;
	top:8px;
	left:-20px;
}

.top-bar-right{
	width:105px;
	height:15px;
	line-height: 15px;
	position: absolute;
	right:0px;
	top:8px;
}


.nav{
	width:100%;
	height:56px;
	background:#FAFAFA ;
	border-bottom: 1px solid #E5E5E5;
}

.inside-nav{
	width:1024px;
	height:56px;
	margin: 0 auto;
	position: relative;
}

.inside-nav-image{
	width:103px;
	height:42px;
	position:absolute;
	top:7px;
	background: url(../img/index2.png);
}

.inside-nav-country{
	width:130px;
	height:24px;
	position: absolute;
	bottom:10px;
	left:120px;
	font-size: 18px;
	color:#333333;
	
}

.city{
	width:60px;
	height:10px;
	position: absolute;
	bottom:8px;
	font-size: 12px;
	color:#C4C3C3;
}

.inside-nav-bar{
	width:324px;
	height:56px;
	position: absolute;
	left:260px;
	font-size: 18px;
	line-height: 56px;
	text-align: center;
}

.inside-nav-bar li{
	list-style: none;
	float: left;
	width:80px;
}

.bar-color a{
	display: block;
	color: #999999;
}

.inside-nav-bar a{
	text-decoration: none;
}
			
.new{
	width:34px;
	height:18px;
	position: absolute;
	top:5px;
	left:560px;
	background: url(../img/index3.png);
}

.page-content{
	width: 880px;
	height: 510px;
	position: relative;
	margin: 0 auto;
	margin-top: 50px;
	z-index: 999;
}

.page-image{
	width: 350px;
	height: 38px;
	background: url(../img/A2.png);
	background-size:350px 38px ;
	position: absolute;
	top: 50px;
	right: 0px;
}

.page-text{
	position: absolute;
	right: 20px;
	top: 90px;
	font-size: 12px;
	color: #808080;
}

.iphone-download{
	width: 180px;
	height: 45px;
	position: absolute;
	top: 180px;
	right: 150px;
}

.android-download{
	width: 180px;
	height: 45px;
	position: absolute;
	top: 250px;
	right: 150px;
}

.page-content a{
	text-decoration: none;
	display: block;
	background: #00B38A;
	font-size: 18px;
	color: white;
	line-height: 45px;
	text-align: center;
	border-radius: 5px;
}

.page-content a:hover{
	background: #34CD8C;
}

.page-code{
	width: 102px;
	height: 125px;
	position: absolute;
	right: 10px;
	top: 180px;
}

.page-cycle{
	width: 70px;
	height: 65px;
	position: absolute;
	right: 30px;
	top: 350px;
}

.page0-content{
	width: 1024px;
	margin: 0 auto;
	position: relative;
}

.page0-header{
	margin: 0 auto;
	position: absolute;
	top: -200px;
	left: 450px;
}

.page0-image{
	position: absolute;
	top:-70px;
	left: 350px;
}

.page1{
	width: 1024px;
	margin: 0 auto;
	position: relative;
}

.page1-header{
	position: absolute;
	top: -230px;
	left: 530px;
}

.phone-image{
	position: absolute;
	top: 140px;
	left: 0px;
}

.write1{
	position: absolute;
	top: 190px;
	right:-800px;
}

.write2{
	position: absolute;
	top: 320px;
	left:-800px;
}


.page2{
	width: 1024px;
	margin: 0 auto;
	position: relative;
}

.page2-header{
	position: absolute;
	top: -200px;
	left: 450px;
}

.page2-img{
	position: absolute;
	top: 80px;
	left: 450px;
	z-index: 999;
}

.letter{
	width: 143px;
	height: 250px;
	border-radius: 8px;
	position: absolute;
	top: -50px;
	left:615px;
	background: white;
}

.letter-text{
	position: absolute;
	left: 645px;
}

.star1{
	position: absolute;
	top: -50px;
	left: 470px;
	display: none;
}

.star2{
	position: absolute;
	top: -30px;
	right: 100px;
	display: none;
}

.page3{
	width: 1024px;
	margin: 0 auto;
	position: relative;
}

.page3-header{
	position: absolute;
	top: -200px;
	left: 470px;
}

.light{
	position: absolute;
	top: -110px;
	left: 530px;
	
}

.shine{
	position: absolute;
	top: -60px;
	left: 685px;
	
}

.person-cycle{
	position: absolute;
	top: -10px;
	left: 580px;
	display: none;
}

.person-cycle li{
	list-style: none;
	margin-right: 15px;
	width:15px;
	height: 15px;
	float: left;
	border-radius: 100%;
	background: white;
}
.page-person{
	position: absolute;
	top: -100px;
	left: 340px;
}

.page4{
	width: 1024px;
	margin: 0 auto;
	position: relative;
}

.page4-text{
	position: absolute;
	top: -200px;
	left: 450px;
}

.page4-cycle{
	position: absolute;
	top: -90px;
	left: 580px;
}

.fly{
	width: 134px;
	height: 367px;
	position: absolute;
	top:0px ;
	left: 670px;
}

.item-bottom{
	position: absolute;
	top: 250px;
	left: 300px;
}

.item-cycle1{
	position: absolute;
	top: -40px;
	left: 510px;
	display: none;
}

.item-cycle2{
	position: absolute;
	top: 120px;
	left:570px;
	display: none;
}

.item-cycle3{
	position: absolute;
	top: -40px;
	right: 110px;
	display: none;
}

.item-cycle4{
	position: absolute;
	top: 120px;
	right: 170px;
	display: none;
}

/*.foot-text{
	position: absolute;
	z-index: 999;
	top: 4000px;
	left: 300px;
}*/
